<template>
	<view class="app-system-pay-order-info-logistic e-p-l-46 e-rela e-m-b-42">
		<view class="e-m-b-12 e-flex e-flex-between">
			<view class="e-m-r-20">
				<text class="e-font-26 c-primary">{{ $timeFormat(express.time, 'mm-dd hh:MM') }}</text>
			</view>
			<view class="e-flex" @tap="$emit('show')">
				<text class="c-primary e-font-26">详细信息</text>
				<e-icon name="arrow-right" :color="color"></e-icon>
			</view>
		</view>
		<view>
			<text class="e-font-26 c-secondary">{{ express.status }}</text>
		</view>
	</view>
</template>

<script>
export default {
	// #ifdef MP-WEIXIN
	options: {
		virtualHost: true
	},
	// #endif
	props: {
		express: Object,
		color: String
	}
};
</script>

<style scoped lang="scss">
@include appBem_b(system-pay-order-info-logistic) {
	&::after {
		@include pseudoClass;
		width: 20rpx;
		height: 20rpx;
		border-radius: 100%;
		background: var(--color-primary);
		top: 8rpx;
		left: 0;
	}
	&::before {
		@include pseudoClass;
		width: 2rpx;
		height: calc(100% + 42rpx);
		background-color: #e6e6e6;
		top: 30rpx;
		left: 10rpx;
	}
}
</style>
